<template>
  <router-view />

<!--  <Login></Login>-->
<!--  <div class="app-container">-->
<!--    <Header />-->
<!--    <div class="main-container">-->
<!--      <Sidebar />-->
<!--      <MainContent />-->
<!--    </div>-->
<!--  </div>-->
</template>

<script setup>
import Header from './components/Header.vue'
import Sidebar from './components/Sidebar.vue'
import MainContent from './components/MainContent.vue'
import Login from './components/views/Login.vue'

</script>

<style>
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

.app-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.main-container {
  display: flex;
  flex: 1;
  overflow: hidden;
}
</style>